/*
Theme Name: 9gag Theme
Theme URI: http://ryzalyusoff.com/
Author: ryzalyusoff
Author URI: http://ryzalyusoff.com/
Description: 9gag Theme is a wordpress theme inspired by the 9gag.com website which is best known for recurring use of internet memes.
Version: 1.0

*/

body{
background-color: #dddddd;
margin: 0;
padding: 0;
font-family: Arial;
font-size: 13px;
font-weight: normal;
}

#main {
margin:0px auto;
}

header {
height:40px;
background-color: #2AA4CF;
padding:0pt;
min-width: 1060px;
height:37px;
border-top: 1px solid #333;
border-bottom:1px solid #2693BA;
box-shadow: #000000;
width: 100%;
z-index: 999;
position: fixed;
box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3);
}


#searchbar
{
text-align: center;
width: 100%;
z-index: 999;
height:68px;
margin:0px auto;
background-color: #111;
}

#s{
margin-top:15px;
width:670px;
height:25px;
color : #808080;
background-color:#eee;
background-image:url(../images/search.png);
background-repeat:no-repeat;
background-position: 10px 7px;
padding-left:40px;
border:1px solid #000;
-moz-border-radius:20px;
-webkit-border-radius:20px;
}

	nav {
		
	}
	nav.primary {
		
	}
	nav.footer {
		
	}
	#widget-header {
		
	}
	#widget-alert {
		
	}

#content {
margin-top: 70px;
width:740px;
min-height:500px;
height:auto !important;
height:500px;
position: relative;
float:left;
background-color: #fff;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
margin-bottom:40px;
}
	article {
		
	}
		.featured-thumbnail {
		  
		}
                .thumbnailimg img{
                    max-width: 460px;
                }
                
		.post-content {
	     		padding:0 10px 0 10px;
		}
			.pagination {
				
			}
	.post-meta {
		
	}
	.post-navigation {
		
	}

#comments {
	/*padding:0 10px 0 10px;
	background: none repeat scroll 0 0 #FFFFCC;*/
    border-top: 1px solid #DDDDDD;
    text-align: center;
    margin-top: 5px;
}
	li.comment {
		
	}
		.odd {
			
		}
		.even {
			
		}
		.author-comment {
			
		}
		.comment-text {
			background-color: #f1f1f1;
                        margin-bottom: 10px;
                        padding:10px;
		}
		.comment-meta {
			
		}
			p.gravatar {
                                position:relative;
				float:left;
                                margin: 0 5px 0 0;
			}
		.waiting-for-approval {
			
		}
	#trackbacks {
		
	}
		li.trackback {
			
		}
	p#no-comments {
		
	}
	#comments-form {
		margin-top:20px;
	}
		#respond {
			
		}
		.cancel-comment-reply {
			
		}

.page {
	
}
	#page-content {
		
	}
	#page-meta {
		
	}

.post {
/*	padding:10px !important;*/

}
	.postContent {

	}
	.post-excerpt {
		
	}
        
.newer-older{
padding: 10px;
}

.oldernewer {
margin-left:5px;
}

nav.oldernewer {
	
}
	.older {
		
	}
	.newer {
		
	}

.search {
	
}

.author {
	
}
#recent-author-posts {
	
}
#recent-author-comments {
	
}

#error404 {
	
}

#sidebar {
    background-color: #fff;
    margin-top:70px;
    margin-bottom: 50px !important;
    padding:0px;
    width:310px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
}

.sidebar_spacer{
   padding: 0 7px;
}

	#widget-sidebar {
		  padding:10px;
	}
		#sidebar-search {
			
		}
		#sidebar-nav {
			
		}
		#sidebar-archives {
			
		}
		#sidebar-meta {
			
		}
		.widget {
			     margin-top: 3px !important;
		}

                .widget-area widget-sidebar{
         
                 }

                #footer_wrapper{
                    border-top:1px solid #ccc;
                    background-color: #2AA4CF;
                    width:100%;    
                }

#footer {
background-color: #2AA4CF;
color: #999999;
padding-top: 15px;
padding-right: 0pt;
padding-bottom: 20px;
padding-left: 0pt;
text-shadow: #111111;
width:1060px;
margin:0px auto;
}
	#widget-footer {
		
	}
	#footer-nav {
		
	}
	
.no-results {
	
}

.widget-area {
	
}


.none { /* this class is used to hid the skip to content link at the beginning of the document for accessibility */
	display: none;
}
.clear {
	clear: both;
}
.left {
	float: left;
}
.right {
	float: right;
}
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}

.filter_bar{
position:relative;
background-color: #f4f4f4;
width:100%;
height: 43px;
margin-bottom: 20px;
border-bottom:1px solid #ddd;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
}

.fb_title{ /*filter bar title*/
color: #2AA4CF;
font-size: 20px;
position: absolute;
top:10px;
left:20px;
font-weight: normal !important;
}

.filterbar_scnd{
position:relative;
background-color: #2AA4CF;
width:100%;
border-bottom:1px solid #ddd;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
padding:5px 10px 10px 10px;
}

.filterbar_scnd h1{
color:#fff;
font-size:20px;
}

.filterbar_scnd h1 a{
color:#fff;
font-size:20px;
}

.fbb a{
color:#333;
font-weight:bold;
font-size:16px;
}

.meta_data{
color:#999999 !important;
font-size:12px;
font-weight:700;
}

.meta_data2{
color:#333333 !important;
font-size:12px;
font-weight:700;
}

.allowedtags{
font-size:11px;
font-weight:bold;
background-color: #f7f7f7;
padding:5px;
border:1px solid #e9e9e9;
margin:0 0 10px 0;
}

.comment-field{
margin:0 0 10px 0;
}

#footer .section-2 ul.info
{
margin: 0px;
padding: 2px 0 0 0;
list-style-type: none;
float: left;
line-height: 20px;
}

#footer .wrap-2
{
border-top-width: 1px;
border-top-style: solid;
border-top-color: #333;
-moz-box-shadow: #333333;
height: 20px;
padding-top: 15px;
margin:0px auto;
width: 1060px;
}

#footer .section-2 .wrap
{
width:1060px;
height:20px;
margin:0px auto;
}

#footer .section-2 ul.info li
{
float: left;
margin-right: 0px;
}

#footer .section-2 a
{
color: #999999;
font-size:12px;
}

#footer .section-2 .functions a
{
    margin-left: 20px;
}

#footer .section-2 .functions a
{
color: #ffffff;
text-decoration:none;
}

#footer .section-2 .functions a.button
{
color: #000;
font-size: 11px;
line-height: 14px;
font-weight: bold;
padding:5px 10px;
background-color: #fff;
border-top: 5px;
display: block;
width: 123px;
float: right;
text-shadow: 0pt -1px rgba(0, 0, 0, 0.2);
-moz-box-shadow: 0pt 1px rgba(255, 255, 255, 0.2) inset;
border: 1px solid #000;
-moz-border-radius:5px;
-webkit-border-radius:5px;
text-align: center;
}

#footer .section-2 .functions a:hover, #footer .section-2 .functions a.hover
{
color: #00a5f0;
background-color: #000000;
}

#blog_wrapper{
position: relative;
margin:10px;
color:#000;
min-height:300px;
height:auto !important;
height:300px;
}

.spacer{
margin:0 5px 0 5px;
}



.lp_container{
position:relative;
min-height:300px;
height:auto !important;
height:300px;
margin-bottom:20px;
border-bottom:1px solid #ddd;
clear:both;
list-style-type: none;
}

.lp_lists li.lp_container:last-child{
/*border-bottom: none;*/
}

.lp_left{
position:relative;
width: 460px;
max-width: 460px;
overflow: hidden;
min-height:300px;
height:auto !important;
height:300px;
float:left;
clear:left;
margin-bottom:10px;
}

.lp_right{
position:relative;
width: 220px;
/*min-height:300px;
height:auto !important;
height:300px;*/
float:right;
margin-bottom:10px;
}

.lp_title{
margin-bottom: 10px;
}

.lp_title a{
color: #2AA4CF;
font-size: 20px;
}

.lp_title a:hover{
color: #555;
}

.lp_category{
font-weight: 700;
margin-bottom: 10px;
}

.lp_category a:hover{
color: #218df3;
}

.lp_dates{
margin-bottom: 10px;
line-height: 16px;
color: #999999;
font-weight:700;
font-size: 11px;
}

.lp_comments{
width:220px;
height:35px;
border:1px solid #ddd;
background-color: #f4f4f4;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0px 1px 1px #fff;
}

.lpc_butt{
width:104px;
height:25px;
border-right:1px solid #ddd;
border-top:1px solid #fff;
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
float:left;
padding-top: 10px;
padding-left: 5px;
/*background: url(../images/stat-icon.png) no-repeat scroll 0px 18px transparent;*/
}

.lpc_butt:hover{
cursor: pointer;
background-color: #e4e4e4;
}

.lpc_words{
width:103px;
height:35px;
border-top:1px solid #fff;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
position:relative;
float:right;
color:#999;
font-size:11px;
font-weight:700;
text-align:center;
}

.lpc_counter{
margin-top:13px;
}

.lp_comments{
margin-bottom: 7px;
}

.lpc_sharing{
width:220px;
height:40px;
}

.lpcs_top{
width:100%;
height:5px;
background-image: url(../images/lpcs_top.jpg);
background-repeat: no-repeat;
background-position: center;
padding-left:4px;
}

.lpcs_bottom{
width:100%;
height:33px;
border:1px solid #ddd;
-moz-border-radius:5px;
-webkit-border-radius:5px;
background-color: #f4f4f4;
}

.lpcs_sbutt{
position:relative;
float:left;
margin:7px 0 0 10px;
}

#lpcs_fbutt{
margin-left:15px !important;
}

.social_share{
position: relative;
float:left;
margin:10px;
}

.ss_butt{
position: relative;
float:left;
}

.social_share2{
position: relative;
float:left;
margin:5px 0 0 0;
}

#search_toggle
{
float:right;
width:40px;
height:37px;
color: #ffffff;
font-size: 11px;
font-weight: bold;
margin:0px 9px 0px 9px;
display: block;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
background-image: url(../images/search.png);
background-repeat: no-repeat;
background-position: center;
padding: 0 10px 0 10px;
}
.video-indicator{
	position: absolute;
	background: url(../images/video-indicator.png) no-repeat;
	width:100%;
	height: 100%;
	z-index: 1;
	background-position: center;
	top:0;
	left: 0;
}
.gif-indicator{
	position: absolute;
	background: url(../images/gif-indicator.png) no-repeat;
	width:100%;
	height: 100%;
	z-index: 1;
	background-position: center;
	top:0;
	left: 0;
}
.detail_content{text-align: center;}
#videoPlayer_wrapper{margin: 0 auto;}
#post-activity{border-bottom: 1px solid #DDDDDD;padding: 5px;height: 50px;height: 25px;line-height: 25px;}
.nav-next{background: url(../images/nav-icon.png) no-repeat scroll 30px 0px transparent;padding: 5px 32px 5px 0;height:25px;}
.nav-next:hover{background: url(../images/nav-icon.png) no-repeat scroll 30px -25px transparent;padding: 5px 32px 5px 0;height:25px;}
.nav-prev{background: url(../images/nav-icon.png) no-repeat scroll -25px 0px transparent;padding: 5px 0 5px 31px;height:25px;}
.nav-prev:hover{background: url(../images/nav-icon.png) no-repeat scroll -25px -25px transparent;padding: 5px 0 5px 31px;height:25px;}
.post-bottom{
	background-color: #F4F4F4;
    border-bottom: 1px solid #DDDDDD;
    height: 35px;
    line-height: 35px;
    padding: 0px 5px;
    margin-bottom: 5px;
}
.report-post{
	background: url(../images/report.png) no-repeat scroll transparent;
	padding: 0px 0 5px 22px;height:25px;
}
.report-post:hover{color: red;}
.center{text-align: center;}
#top_comment{background: #ffffcc; padding: 5px;margin: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
border: solid 1px #ccc;
display: none;
}
#top_comment .box_title{font-weight: bold;font-size: 13px;}
#top_comment .comment_text{font-style: italic;padding: 0px 15px;max-height: 50px;overflow: auto;}
#top_comment .comment_author{text-align: right;font-weight: bold;font-style: italic;}
.cate_tag{background: url(../images/tag.png) no-repeat scroll transparent;padding: 5px 0 5px 25px;height:20px;}
.view_icon{background: url("../images/stat-icon.png") no-repeat scroll 0 -17px transparent;padding: 1px 0 0 29px;
height: 14px;line-height: 14px;}
.comment_icon{background: url("../images/stat-icon.png") no-repeat scroll 0 1px transparent;padding: 1px 0 0 24px;
height: 18px;line-height: 15px;}

.page-link{border:dotted 1px #ff6600;background:#fffccc;padding:3px; margin:2px;}
.page-link a{border:solid 1px #ccc; padding:1px 7px;margin:2px;}
.page-link a:hover{border:solid 1px #fff;background:#ff6600;color:#fff}
.loading{display: none;}
.btn-view-more{background: #1782f9;width: 300px; height: 40px;line-height: 40px;-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;text-align: center;margin: 0 auto; margin-bottom: 5px;}
.btn-view-more:active{background: #ff6600;}
.btn-view-more a{color: #ffffff; font-weight: bold;font-size: 14px;display: block;}
.btn-view-more a:hover{color: #fee900;}
#more-btn{display: none;}